<template>
    <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{ path: item.path }" v-for="item in list" :key="item.path">{{ item.meta.title }}</el-breadcrumb-item>
  </el-breadcrumb>

   <!-- v-for="item in list"  -->
   <!-- :key="item.path" -->
</template>
<script>
import { computed } from 'vue'
import { useRoute } from 'vue-router'
export default {

    setup() {
        const router = useRoute()
        let list = computed(() => {
            console.log(router)
            return router.matched
        })
        return{
            list
        }
                
    },

}
</script>
<style scoped>

</style>